import {
  DynamicTileMenuKeys,
  StaticTileMenuKeys,
} from "@/components/c02-TileMenu/tileMenuData";
import { DiscoverTabs } from "@/pages/discover/discoverData";
import { AssetStringFormat } from "../shared/mediaTypes";

export type CarouselType = {
  id: number; // Not resource ID
  title: string[];
  titleColor?: string;
  titleFontSize?: string;
  text: string; // in API, based on \n
  textColor?: string;
  buttonLink: string;
  buttonText: string;
  backImage: AssetStringFormat;
  video?: AssetStringFormat;
  isButtonDisplayed?: boolean;
  isTitleDisplayed?: boolean;
};

export type DynamicStaticCollegeType = {
  layoutArea: DynamicTileMenuKeys | StaticTileMenuKeys;
  foreground: string;
  background: string | null;
  backColor: string | null;
  target: DiscoverTabs | "shop" | null;
  txt: string | null;
  x: string | null;
  y: string | null;
  dotAfter: "true" | "false" | null;
};

export type CollagePayloadShape = DynamicStaticCollegeType[];

export type HomeShape = {
  homeBanner: CarouselType[];
  homeDynamic: CollagePayloadShape;
  shareTitle: string;
  shareImage: string;
};

export type LoadingScreenShape = {
  logoImage: string;
  backgroundImage: string;
};
